<!DOCTYPE html>
<html>
	<head> 
		<meta charset="utf-8" />
		<title></title>
		
		<style type="text/css">
			*{
	           padding: 0;
	           margin: 0;
             }
         body{
	           background: url(img/timg.jpg) no-repeat center top;
	           color:white;
	           background-size: 1600px 1000px;
         	  
             }
           li{
	          list-style: none;
	          float: left;
	          margin: 5px;
	        
             }
          .gd{
	          width: 800px;
	          margin: 0 auto;
             }
       header{
	        height: 150px;
	        position: relative;
           
          }
       header h1{
       	    left:0 ;
       	    top: 10px;
	        position: absolute;
	       
            }
        header h2{
           	font-size: 14px;
           	position: absolute;
           	top: 60px;
           }
           .search{
         	position: absolute;
         	bottom: 5px;right:1px;
         }
           ul{
           	position: absolute;
           	left:0;
           	bottom:0;
           }
         nav ul{
         	background-color:grey ;
         	border: 1 solid white;
         	width: 800px;
         }
         
		</style>
	</head>
	<body>
		<div class="gd">
		<header>
			<hgroup>
				<h1>变色龙视觉传媒</h1>
                <h2>无生活，不设计</h2>
			</hgroup>
			<nav>
				<ul>
					<li>首页</li>
					<li>理念</li>
					<li>作品</li>
					<li>团队</li>
				</ul>
				</nav>
				<form class="search">
					<input type="text" placeholder="search" />
				</form>
			
		</header>
		
		</div>
		
	</body>
</html>
